<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-29 17:27:37
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-28 19:28:16
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\modify-captain\\modify-captain.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<nz-alert
  nzType="info"
  [nzMessage]="'已选择' + data?.ids?.length + '条订单,未认证司机不可设置为车队长，合同单车队长需绑定收款账户！'"
  nzShowIcon
></nz-alert>
<div nz-row>
  <div nz-col [nzSpan]="16">
    <sf style="margin-top: 15px" #sf mode="edit" [schema]="schema" [ui]="ui" button="none"> </sf>
  </div>

  <div nz-col [nzSpan]="1" style="margin-top: 15px">
    <button style="display: inline-block" nz-button nzType="primary" (click)="initDate()">搜索</button>
  </div>
</div>

<st #st [data]="dataList" [columns]="Columns" [loadingDelay]="500">
  <ng-template st-row="avatar" let-item let-index="index">
    <img style="height: 20px" [src]="item?.avatar" alt="" />
  </ng-template>
  <ng-template st-row="bankList" let-item let-index="index">
    <nz-select [(ngModel)]="bankData" style="width: 300px">
      <nz-option *ngFor="let i of item.bankList" [nzLabel]="i.bankName + '/'+i.bankCardNumber" [nzValue]="i.id"></nz-option>
    </nz-select>
  </ng-template>
  <ng-template st-row="paymentMethodRate" let-item let-index="index">
    <input nz-input [ngModel]="item?.paymentMethodRate" (ngModelChange)="st.setRow(index, { paymentMethodRate: $event })" />
  </ng-template>
</st>